import React, { memo } from 'react'

import TopBanner from './components/top-banner'
import Hot from './components/hot/hot'
import Individuality from './components/individuality/individuality'
import NewAlbum from './components/newAlbum/newAlbum'
import Ranking from './components/ranking/ranking'

import { Content } from './style'

function Recommend() {
    return (
        <div>
            <TopBanner />
            <Content className="wrap-v2">
                <div className="left">
                    <Hot />
                    {false && <Individuality />}
                    <NewAlbum />
                    <Ranking />
                </div>
                <div className="right">
                    用户123
                </div>
            </Content>
        </div>
    )
}

export default memo(Recommend)
